<template>
  <div class="home-container">
    <!-- <production-monitor />
    <production-completion />
    <production-summary /> -->
  </div>
</template>
<script>
import productionMonitor from "./components/productionMonitor.vue";
import productionSummary from "./components/productionSummary.vue";
import productionCompletion from "./components/productionCompletion.vue";

export default {
  components: {
    productionMonitor,
    productionCompletion,
    productionSummary,
  },
};
</script>
<style lang="scss" scoped>
.home-container {
  ::v-deep .row {
    margin-bottom: 10px;
  }
  ::v-deep .col {
    margin-bottom: 10px;
  }
}
</style>
